var tabs=document.querySelectorAll(".tab");
for(var i=0;i<tabs.length;i++){
    shaoTab(tabs[i]);
}

function shaoTab(tab) {
  // dom查找
  // var tab = document.querySelector(".tab");
  //var tab=document.getElementsByClassName("tab")[0];
  var span = tab.querySelectorAll(".t-title span"); //高级写法
  var tc = tab.querySelectorAll(".tc");

  for (let i = 0; i < span.length; i++) {
    span[i].onmouseover = function () {
      //箭头函数内部不用this
      //this表示正在操作的那个span
      //去除所有span的cur类
      for (let j = 0; j < span.length; j++) {
        span[j].classList.remove("cur"); //删除第j个span的cur类
        tc[j].style.display = "none"; //隐藏所有tc
      }
      //span[i].classList.add("cur");    //只能在let循环中用
      this.classList.add("cur");
      tc[i].style.display = "block"; //显示出来
    };
  }
}
